import React, { Component, createRef } from 'react'
import Test from './Test'

export default class App extends Component {
  state = {
    age: 18
  }
  handleAge = () => {
    // this.setState({
    //   age: this.state.age + 1,
    // })
    // 其实只要调用了 setState 就会触发 render
    // 触发父亲的 render 就会触发儿子的 componentDidUpdate
    // 不一定非要是 new props
    // this.setState({ age: 18 })
    this.setState({})
  }
  render () {

    return (
      <div>
        <Test age={this.state.age}></Test>
        <button onClick={this.handleAge}>更新age</button>
      </div >
    )
  }

  componentDidUpdate () {
    // console.log('2，componentDidUpdate')
    // console.log(document.querySelector('span').innerHTML)
  }
}
